{include file="common/head" /}
  <body>
    <!-- Page-->
    {include file="common/nav" /}

      <section class="section-xs bg-white">
        <div class="shell">
          <h1>{$about['about_title']}</h1>
          <div class="range range-60">
            <div class="cell-xs-12">
                <p class="big">{$about.about_description}</p>
				{$about.about_content}
			</div>
          </div>
        </div>
      </section>

	  <!-- General Info-->
      <section class="section parallax-container bg-gray-darker" data-parallax-img="images/bg-image-2-1920x1304.jpg" style="background: url(/assets/addons/wwh/images/bg-image-2-1920x1304.jpg);">
	  <!-- <section class="section parallax-container bg-gray-darker" data-parallax-img="hmimg/about.png"> -->
        <div class="parallax-content">
          <div class="section-lg text-center">
            <div class="container">
              <h2 >西蒙新能源贸易（深圳）有限公司 </h2>
              <p style="font-size: 30px;">产品分类</p>
              <div class="row row-30 offset-top-1">
                <div class="col-sm-6 col-md-3">
                  <!-- Box counter-->
                  <article class="box-counter">
                    <div class="box-counter__main">
                      <!-- <div class="counter">21367</div> -->
                    </div>
                    <div class="box-counter__divider" style="padding-bottom: 10px;"></div>
                    <p class="box-counter__title" style="font-size: 20px;">摩德机油品牌</p>
                  </article>
                </div>
                <div class="col-sm-6 col-md-3">
                  <!-- Box counter-->
                  <article class="box-counter">
                    <div class="box-counter__main">
                      <!-- <div class="counter">7509+</div> -->
                    </div>
                    <div class="box-counter__divider" style="padding-bottom: 10px;"></div>
                    <p class="box-counter__title" style="font-size: 20px;">机油代理 </p>
                  </article>
                </div>
                <div class="col-sm-6 col-md-3">
                  <!-- Box counter-->
                  <article class="box-counter">
                    <div class="box-counter__main">
                      <!-- <div class="counter">152</div> -->
                    </div>
                    <div class="box-counter__divider" style="padding-bottom: 10px;"></div>
                    <p class="box-counter__title" style="font-size: 20px;"> 机油批发</p>
                  </article>
                </div>
                <div class="col-sm-6 col-md-3">
                  <!-- Box counter-->
                  <article class="box-counter">
                    <div class="box-counter__main">
                      <!-- <div class="counter">317</div><span class="small">k</span> -->
                    </div>
                    <div class="box-counter__divider" style="padding-bottom: 10px;"></div>
                    <p class="box-counter__title" style="font-size: 20px;">进口机油</p>
                  </article>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
	  <!-- Contact Form-->
	  <section class="section section-md bg-white" id="contacts">
	    <div class="container container_bigger">
	      <div class="row justify-content-md-center justify-content-xl-between row-2-columns-bordered row-50">
	        <div class="col-md-10 col-lg-5">
	          <h3>联系方式</h3>
	          <ul class="list-creative listnew">
	            <li>
	              <dl class="list-terms-medium list-terms-medium_secondary">
	                <dt>地址</dt>
	                <dd><a href="#">{$contact['address']}}</a></dd>
	              </dl>
	            </li>
	            <li>
	              <dl class="list-terms-medium">
	                <dt>电话</dt>
	                <dd>
	                  <ul class="list-comma">
	                    <li><a href="tel:#">(销售总机)：{$contact['tel']}</a></li>
	                    <li><a href="tel:#">(销售座机）：{$contact['fax']}</a></li>
	                  </ul>
	                </dd>
	              </dl>
	            </li>
	            <li>
	              <dl class="list-terms-medium list-terms-medium_tertiary">
	                <dt>邮箱</dt>
	                <dd>
	                  <ul class="list-comma">
	                    <li><a href="mailto:mail@lenyork.com">{$contact['email']}</a></li>
	                  </ul>
	                </dd>
	              </dl>
	            </li>
	  				<li>
	  				  <dl class="list-terms-medium list-terms-medium_tertiary">
	  				    <dt>二维码</dt>
	  				    <dd>
	  				      <ul class="list-comma">
	  						  <img src="{$contact['ewm']}" width="150px" >
	  				      </ul>
	  				    </dd>
	  				  </dl>
	  				</li>
	          </ul>
	        </div>
	        <div class="col-md-10 col-lg-7 col-xl-6">
	          <h3 class="text-center">36氪未来城市计划合作招募</h3>
	  			  <div class="rd-mailform" >
	  			    <div class="row align-items-md-end row-20 row-md-30">
	  					<div class="col-md-6">
	  					  <div class="form-wrap formnew" style="position: relative;margin-bottom: 15px;">
	  					    <input disabled="disabled" class="form-input inputName" id="contact-country" type="text" name="name" placeholder="中国">
	  						<img style="position: absolute;top: 10px;right: 15px;" src="/assets/addons/wwh/images/zg.png" >
	  					  </div>
	  					</div>
<!--	  					<div class="col-md-6 formnew">-->
<!--	  					  <div class="form-wrap formnew">-->
<!--	  						  <select style="width: 100%;" name="city" id="contact-city">-->
<!--	  						  	<option value ="0">请选择</option>-->
<!--	  							<option value ="1">北京</option>-->
<!--	  							<option value ="2">上海</option>-->
<!--	  						  </select>-->
<!--	  					  </div>-->
<!--	  					</div>-->

	  			      <div class="col-md-6 formnew">
	  			        <div class="form-wrap formnew">
	  			          <input class="form-input inputName" id="contact-name" type="text" name="name" placeholder="您的名字">
	  			        </div>
	  			      </div>
	  			      <div class="col-md-6 formnew">
	  			        <div class="form-wrap formnew">
	  			          <input class="form-input inputPhone" id="contact-tel" type="text" name="tel" placeholder="您的电话">
	  			        </div>
	  			      </div>
	  			      <div class="col-sm-12 formnew">
	  			        <div class="form-wrap formnew">
	  			          <input class="form-input inputPhone" id="contact-company" type="text" name="company" placeholder="您的公司">
	  			        </div>
	  			      </div>
	  				<!--  <div class="col-sm-12">
	  				    <div class="form-wrap">
	  				      <input class="form-input inputPhone" id="contact-phone" type="text" name="phone" placeholder="申请说明(加盟当地,资源和优势)">
	  				    </div>
	  				  </div> -->
	  				  <div class="col-sm-12 formnew">
	  				    <div class="form-wrap formnew">
	  				      <textarea class="form-input inputMessage" id="contact-message" name="message" placeholder="申请说明(加盟当地,资源和优势)"></textarea>
	  				    </div>
	  				  </div>
	  			      <div class="col-md-6 formnew">
	  			        <div class="form-wrap formnew">
	  			          <input class="form-input inputEmail " id="contact-email" type="email" name="email" placeholder="您的邮箱" >
	  			        </div>
	  			      </div>
	  			      <div class="col-md-6 formnew">
	  			        <button class="button button-block button-secondary button-ujarak "  id="submit">提交</button>
	  			      </div>
	  			    </div>
	  			  </div>


	        </div>
	      </div>
	    </div>
	  </section>

      <!-- Page Footer-->
	<div class="footer">

	</div>
    </div>
    <!-- END PANEL-->
    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- PhotoSwipe Gallery-->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
            <button class="pswp__button pswp__button--share" title="Share"></button>
            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
            <div class="pswp__share-tooltip"></div>
          </div>
          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__cent"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Javascript-->
    {include file="common/foot" /}
  <script>
	  $(function (){
		  $("#submit").click(function (){
		  	var name = $("#contact-name").val()
		  	var tel = $("#contact-tel").val()
		  	var company = $("#contact-company").val()
		  	var message = $("#contact-message").val()
		  	var email = $("#contact-email").val()
			  console.log(name)
			  $.ajax({
				  url: "{:url('api/index/message')}",
				  type: "POST",
				  data: {'name':name,'company':company,'tel':tel,'email':email,'message':message},
				  async: true,
				  dataType: "json",
				  success: function(mes){
					  if(mes==10000){
						  alert("提交成功");
					  }else{
					  	alert("提交失败")
					  }
				  }
			  });
		  })
	  })

  </script>
  </body>
</html>